<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="style.css"/>
    </head>
    <body>
        <div id="flow">
            <div id="block">
                <h2>10月好书推荐</h2>
                <p>本榜单展示了计算机类10月份销量最好的书的推荐名单</p>
                <ol>
                    <li>CSS权威指南</li>
                    <li>HTML权威指南</li>
                    <li>JavaScript权威指南</li>
                </ol>
                <table>
                    <tr><td>序号</td><td>书名</td><td>销量</td></tr>
                    <tr><td>1</td><td>CSS权威指南</td><td>1000</td></tr>
                    <tr><td>2</td><td>HTML权威指南</td><td>200</td></tr>
                    <tr><td>3</td><td>JavaScript权威指南</td><td>300</td></tr>
                </table>
            </div>

            <div id="inline">
                <h2>搜索一下</h2>
                <a href="htt://www.bing.com/">微软搜索工具bing</a>
            </div>

            <div id="inline-block">
                <h2>图片</h2>
                <img src="logo.png"/>
            </div>
            <hr />
        </div>

        <div id="float">
            <h2>浮动</h2>
            <div id="box1">box1</div>
            <div id="box2">box2</div>
            <div id="box3">box3</div>
            <hr />
        </div>
        <div>
        <div id="layer">
            <h2>层次</h2>
            <div id="box1">box1</div>
            <div id="box2">box2</div>
            <div id="box3">box3</div>
        </div>
        </div>
    </body>
</html>